<!DOCTYPE html>
<html lang="en">
<head>
    <link href="../../css/bootstrap.css" rel="stylesheet">
    <link href="../../css/style.css" rel="stylesheet">
    <link href="../../css/bootstrap-theme.min.css">
    <script src="../../js/jquery.min.js"></script>
    <script src="../../js/bootstrap.js"></script>
    <meta charset="UTF-8">
    <title>Update Info</title>
</head>
<body class="layout-background">
<nav class="navbar navbar-default nav-bar">
    <div class="layout-width" >
        <div class="navbar-header">
            <a href="javascript:void(0)" class="navbar-brand">ITA Order System</a>
        </div>
        <div class="pull-right" style="font-size: 20px;position: relative;top: 10px;right: 55px;">
            <label class="control-label">Hello: </label>
            <a href="merchantHome.html">Freedy</a>
            <div style="margin-left: 70px;margin-top: -8px;">
                <a class="btn btn-danger btn-xs" href="javascript:void(0)">Logout</a>
            </div>
        </div>
    </div>
</nav>
<div class="container">
    <ul class="nav nav-tabs" style="border-bottom: 0px;">
        <li role="presentation"><a href="merchantHome.html">Home</a></li>
        <li role="presentation"><a href="listDish.html">Dish List</a></li>
        <li role="presentation" class="active"><a href="#">Update Info</a></li>
    </ul>
    <br/>
    <div style="background-color: #fff;;height: 990px;margin-top: -20px;border: 1px solid #ddd;">
        <div style="width: 95%;margin: auto;">
            <h2>
                Update Info
                <small>You can update your information here.</small>
            </h2>
        </div>
        <div style="background-color: #fafcfe;border: 1px solid #dfe8f2;width: 95%;margin: auto;position: relative;top: 20px;height: 880px;">
            <div style="margin: 35px 0 0 27%;">
                <img style="width: 250px;height: 200px" src="../../images/img1.jpg">
            </div>
            <form style="margin-top: 50px;">
                <div class="form-group">
                    <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Tel: </label>
                    <div class="col-md-8">
                        <input class="form-control" type="text" placeholder="TelPhone">
                    </div>
                </div>
                <br/><br/><br/>
                <div class="form-group">
                    <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Name: </label>
                    <div class="col-md-8">
                        <input class="form-control" type="text" placeholder="Merchant Name">
                    </div>
                </div>
                <br/><br/>
                <div class="form-group">
                    <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Type: </label>
                    <div class="col-md-8">
                        <input class="form-control" type="text" placeholder="Merchant Type">
                    </div>
                </div>
                <br/><br/>
                <div class="form-group">
                    <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Address: </label>
                    <div class="col-md-8">
                        <input class="form-control" type="text" placeholder="Address">
                    </div>
                </div>
                <br/><br/>
                <div class="form-group">
                    <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Info: </label>
                    <div class="col-md-8">
                        <textarea class="form-control" type="text" placeholder="Info"></textarea>
                    </div>
                </div>
                <br/><br/><br/>
                <div class="form-group">
                    <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Email: </label>
                    <div class="col-md-8">
                        <input class="form-control" type="text" placeholder="Email">
                    </div>
                </div>
                <br/><br/>
                <div class="form-group">
                    <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Password: </label>
                    <div class="col-md-8">
                        <input class="form-control" type="text" placeholder="Password">
                    </div>
                </div>
                <br/><br/>
                <div class="form-group">
                    <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Confirm Password: </label>
                    <div class="col-md-8">
                        <input class="form-control" type="text" placeholder="Confirm Password">
                    </div>
                </div>
                <br/><br/>
                <div class="form-group">
                    <label class="control-label col-md-3" style="text-align: right; margin-top: 6px;">Logo: </label>
                    <div class="col-md-5">
                        <input type="file">
                    </div>
                </div>
                <br/><br/><br/>
                <div class="text-center">
                    <button class="btn btn-primary" style="width: 200px;">Register</button>
                </div>
                <br/><br/>
            </form>
        </div>
    </div>
</div>
</body>
</html>